<style>
	#maincontent{max-width: 600px !important;padding:0;}
	/* CSS Document */
	.yaoqing_mian{ max-width:450px; margin:0 auto; width:100%; font-family:"微软雅黑";}
	.yaoqing_top{ padding:20px 15px; background-color:#2da1d2; display:flex; display:-webkit-flex; align-items::cneter; -webkit-align-items:cneter;}
	.yaoqing_1{ width: 25%;;}
	.yaoqing_1>div{ border-radius:100%; overflow:hidden;}
	.yaoqing_1>div>img{ width:100%;max-width: 100%; margin: 0px; display:block;}
	.yaoqing_2{margin-left:20px;}
	.yaoqing_3>p{ font-size:20px; color:#fff; margin:0px;}
	.yaoqing_4{display:flex;margin-left: -10px; display:-webkit-flex; margin-top:10px;}
	.yaoqing_5{ width:41px;}
	.yaoqing_5>img{ display:block; width:100%;}
	.yaoqing_6{ padding-top:10px;}
	.yaoqing_6>p{ font-size:13px; color:#fff; margin:0px;}
	.yaoqing_7{ margin:0 auto; overflow:hidden;}
	.yaoqing_8{ display:inline-block;}
	.yaoqing_9{ width:40px; height:15px; border-bottom:solid 1px #333; float:left;}
	.yaoqing_10{ font-size:16px; margin:0px 5px; line-height:30px; float:left;}
	.yaoqing_11{ width:100%; text-align:center; margin-top:10px;}
	.yaoqing_12{ width:100%; text-align:center; font-size:15px; padding-bottom:20px; border-bottom:solid 1px #2da1d2;}
	.yaoqing_12>p{ margin:0px;}
	.yaoqing_13{ width:100%; text-align:center; color:#4fc8cf; font-size:16px; font-weight:bold; margin-top:15px;}
	.yaoqing_14{ padding:0px 20px; margin-top:5px; overflow:hidden;{{if $is_mobile}} margin-bottom: 60px;{{/if}}}
	.yaoqing_14>li{ float:left; list-style:none; width:50%; margin-top:0px;}
	.yaoqing_15{ width:100%; text-align:center;}
	.yaoqing_15>img{ vertical-align:middle;width: 60%;max-width: 60px;}
	.yaoqing_16{ width:100%; text-align:center; font-size:14px; line-height:30px;}
	.yaoqing_17{ {{if $is_mobile}} position: fixed; bottom: 0;{{/if}}width:100%; height:50px; background-color:#33a0cb; text-align:center; line-height:50px; margin-top:10px;}
	.yaoqing_17>a{ display:block; width:100%; height:100%; text-decoration:none; color:#fff; font-size:18px;}
	.yaoqing_17:hover{ box-shadow:0px 0px 10px #ccc; -moz-box-shadow:0px 0px 10px #ccc;-ms-box-shadow:0px 0px 10px #ccc;-o-box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc;}
</style>

		<div class="yaoqing_mian">
			<div class="yaoqing_top">
				<div class="yaoqing_1">
					<div><img onerror="this.src='http://qdn.135editor.com/1/2017/Fjk7NLhOG1iHLNS1lhbMAT0g3EoP.png';" src="{{$userinfo['User']['image']}}"/></div>
				</div>
				<div class="yaoqing_2">
					<div class="yaoqing_3">
						<p style="font-size:16px;">我是{{$userinfo['User']['username']}}</p>
						<p style="font-size:13px;">邀请您一起使用「135编辑器」啦！</p>
					</div>
					<div class="yaoqing_4">
						<div class="yaoqing_5"><img src="http://qdn.135editor.com/1/2017/FjPTsUpfzZQui0NHrdtoVW0x7prL.png"/></div>
						<div class="yaoqing_6">
							<p>手机号立即注册</p>
							<p>获得一个月VIP会员 </p>
						</div>
					</div>
				</div>
			</div>

			<div class="yaoqing_7">
				<div class="yaoqing_11">
					<div class="yaoqing_8">
						<div class="yaoqing_9"></div>
						<div class="yaoqing_10">「135编辑器」是什么？</div>
						<div class="yaoqing_9"></div>
					</div>
				</div>
				<div class="yaoqing_12">
					<p>「135编辑器」是简单易用的微信图文排版工具</p>
					<p>可以让你的文章美到人神共愤!</p>
				</div>
				<!---------------->
				<div class="yaoqing_13">领取VIP会员后，您将获得以下特权:</div>
				<ul class="yaoqing_14">
					<li>
						<div class="yaoqing_15"><img src="http://qdn.135editor.com/1/2017/FuBrYdso9fjA9iqT93Q_A25CwW8h.png"/></div>
						<div class="yaoqing_16">新样式优先使用权</div>
					</li>
					<li>
						<div class="yaoqing_15"><img src="http://qdn.135editor.com/1/2017/FqwFahkZVan4izPI8O8bDYkxFT5I.png"/></div>
						<div class="yaoqing_16">VIP会员专享样式</div>
					</li>
					<li>
						<div class="yaoqing_15"><img src="http://qdn.135editor.com/1/2017/FivvRmpy7ti-tMN2TUcy9U-ty6tU.png"/></div>
						<div class="yaoqing_16">云端草稿</div>
					</li>
					<li>
						<div class="yaoqing_15"><img src="http://qdn.135editor.com/1/2017/Fsn37-GcifyemWeJ_RDwWrzVdOJc.png"/></div>
						<div class="yaoqing_16">文档导入</div>
					</li>
					<li>
						<div class="yaoqing_15"><img src="http://qdn.135editor.com/1/2017/Fm9k3aivP_I-tNniYQwVC-Ex_pZr.png"/></div>
						<div class="yaoqing_16">恢复历史版本</div>
					</li>

					<li>
						<div class="yaoqing_15"><img src="http://qdn.135editor.com/1/2017/Fj6FhYPKtK1ymZgxBY6yY3vxKx-O.png"/></div>
						<div class="yaoqing_16">授权两个微信公众号</div>
					</li>

				</ul>
				<div class="yaoqing_17">
					<a href="http://www.135plat.com/users/register/{{$invite_code}}">开始使用</a>
				</div>

			</div>
		</div>
